.titlestyle.substyle {
 position: relative;
 padding-bottom: 27px;
}

.titlestyle.substyle::after {
 position: absolute;
 content: "";
 width: 30px;
 height: 5px;
 background: #246FDD;
 border-radius: 3px;
 bottom: 0;
 left: 0;
}

.titlestyle.substyle h4 {
 text-align: left;
}

.titlestyle.substyle.center::after {
 left: 50%;
 margin-left: -15px;
}

.titlestyle.substyle.center h4 {
 text-align: center;
}

.titlestyle h4 {
 width: 100%;
 text-align: center;
 font-size: 34px;
 font-weight: 800;
 color: #202532;
 margin: 0;
}

.titlestyle p {
 text-align: center;
 font-size: 18px;
 font-weight: 500;
 color: #C2C7CC;
 margin-top: 15px;
 margin-bottom: 0;
}

body {
 padding-top: 80px;
}

a {
 color: #333;
}

.widthContent {
 width: 1200px;
 margin: 0 auto;
}

.headBox {
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 20;
 background: #fff;
 border-bottom: 1px solid #eee;
}

.headBox .widthContent {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.headBox .leftContent {
 display: flex;
 align-items: center;
}

.headBox .leftContent .logo img {
 width: 114px;
 height: 44px;
}

.headBox .leftContent .navBar {
 margin-left: 109px;
}

.headBox .leftContent .navBar a {
 display: inline-block;
 width: auto;
 margin-right: 41px;
 height: 80px;
 line-height: 80px;
 position: relative;
 font-size: 16px;
 color: #333;
 padding: 0 6px;
 font-weight: 400;
}

.headBox .leftContent .navBar a:hover {
 text-decoration: none;
 color: #246FDD;
}

.headBox .leftContent .navBar a.active {
 color: #246FDD;
}

.headBox .leftContent .navBar a.active::before {
 content: "";
 width: 100%;
 position: absolute;
 height: 4px;
 background: #246FDD;
 left: 0;
 top: 0;
}

.headBox .btn {
 display: block;
 width: 100px;
 height: 36px;
 background: #246FDD;
 border-radius: 18px;
 color: #fff;
 font-size: 14px;
}

.footer_FormBox {
 width: 100%;
 height: 370px;
 background-image: url("../images/footerBG1.png");
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 display: flex;
 align-items: center;
 justify-content: center;
}

.footer_FormBox .FormInfos {
 width: 580px;
}

.footer_FormBox .FormInfos h2 {
 width: 100%;
 height: 49px;
 font-size: 48px;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 49px;
 text-align: center;
 margin: 0;
}

.footer_FormBox .FormInfos p {
 width: 100%;
 text-align: center;
 margin: 32px 0 45px;
 font-size: 20px;
 font-weight: 400;
 color: #FFFFFF;
}

.footer_FormBox .FormInfos .input-group {
 width: 536px;
 display: flex;
 border-radius: 4px;
 overflow: hidden;
}

.footer_FormBox .FormInfos .input-group .form-control {
 height: 50px;
 border: none;
}

.footer_FormBox .FormInfos .input-group .input-group-append {
 width: 120px;
 height: 50px;
 line-height: 42px;
 font-size: 14px;
 color: #fff;
 text-align: center;
 border-radius: 0px 4px 4px 0px;
 box-sizing: border-box;
 border: 4px solid #FFFFFF;
 cursor: pointer;
}

.footerContent {
 width: 100%;
 height: auto;
 min-height: 330px;
 background-image: url("../images/footerBG2.png");
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 box-sizing: border-box;
 padding: 58px 0;
}

.footerContent .widthContent {
 display: flex;
 justify-content: space-between;
}

.footerContent .logo img {
 width: 152px;
 height: 58px;
}

.footerContent .logo h5 {
 width: 100%;
 font-size: 28px;
 font-weight: 400;
 color: #FFFFFF;
 margin: 69px 0 23px;
}

.footerContent .logo h6 {
 width: 100%;
 font-size: 16px;
 font-weight: 400;
 color: #FFFFFF;
}

.footerContent .rightContent {
 display: flex;
}

.footerContent .rightContent .linkBox {
 display: flex;
 margin-right: 100px;
}

.footerContent .rightContent .linkBox dl {
 width: auto;
 margin-right: 88px;
}

.footerContent .rightContent .linkBox dl a {
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
}

.footerContent .rightContent .linkBox dl a:hover {
 text-decoration: none;
}

.footerContent .rightContent .linkBox dl dt {
 margin-bottom: 40px;
}

.footerContent .rightContent .linkBox dl dd {
 height: 14px;
 font-size: 14px;
 font-weight: 400;
 color: #B4B4B4;
 margin-bottom: 26px;
}

.footerContent .rightContent .linkBox dl dd:last-child {
 margin-bottom: 0;
}

.footerContent .rightContent .ewmBox {
 width: 130px;
}

.footerContent .rightContent .ewmBox img {
 display: block;
 width: 130px;
 height: 130px;
 margin-bottom: 25px;
}

.footerContent .rightContent .ewmBox span {
 display: block;
 width: 100%;
 text-align: center;
 font-size: 16px;
 color: #B4B4B4;
}

.co_infos {
 width: 100%;
 height: 80px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 14px;
 color: rgba(255, 255, 255, 0.4);
 background: #0F1317;
}

.co_infos a {
 display: inline-block;
 margin-right: 50px;
 color: rgba(255, 255, 255, 0.4);
}

.co_infos a:hover {
 color: rgba(255, 255, 255, 0.4);
}

.fixedBox {
 position: fixed;
 right: 0;
 bottom: 40%;
 z-index: 10;
 width: 80px;
 height: auto;
 background: #FFFFFF;
 box-shadow: 0px 7px 21px 0px rgba(140, 140, 140, 0.2);
}

.fixedBox .item {
 width: 100%;
 height: 74px;
 position: relative;
 border-bottom: 1px solid #EDEDEC;
}

.fixedBox .item:last-child {
 border: 0;
}

.fixedBox .item:hover {
 background: #246FDD;
}

.fixedBox .item:hover .iconBox i,
.fixedBox .item:hover .iconBox span {
 color: #fff;
}

.fixedBox .item:hover .positionBox {
 display: block;
}

.fixedBox .iconBox {
 cursor: pointer;
 padding-top: 8px;
 padding-bottom: 8px;
 box-sizing: border-box;
}

.fixedBox .iconBox i {
 display: block;
 width: 40px;
 height: 40px;
 margin: 0 auto 0;
 text-align: center;
 line-height: 40px;
 font-size: 24px;
 color: #246FDD;
}

.fixedBox .iconBox span {
 display: block;
 text-align: center;
 color: #246FDD;
 font-size: 12px;
}

.fixedBox .positionBox {
 position: absolute;
 width: 137px;
 height: auto;
 background: #FFFFFF;
 box-shadow: 0px 7px 21px 0px rgba(140, 140, 140, 0.2);
 top: 0;
 left: -150px;
 box-sizing: border-box;
 padding: 14px 17px;
 word-break: break-all;
 display: none;
}

.fixedBox .positionBox::after {
 position: absolute;
 content: "";
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 11.5px 0 11.5px 10px;
 border-color: transparent transparent transparent #ffffff;
 right: -10px;
 top: 10px;
}

.fixedBox .positionBox h5 {
 font-size: 14px;
 font-weight: 400;
 color: #333;
 margin: 0 0 8px 0;
}

.fixedBox .positionBox h6 {
 font-size: 14px;
 font-weight: 400;
 color: #246FDD;
 font-weight: bold;
 margin: 0;
}

.fixedBox .positionBox img {
 width: 100px;
 height: 100px;
 display: block;
 margin: 0 auto;
}

.fixedBox .positionBox span {
 display: block;
 width: 100%;
 text-align: center;
 font-size: 14px;
 font-weight: 400;
 color: #333;
 margin-top: 10px;
}

.bannerStyle {
 width: 100%;
 height: 600px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 display: flex;
 align-items: center;
}

.bannerStyle h1 {
 width: auto;
 max-width: 700px;
 font-size: 40px;
 font-weight: bold;
 color: #FFFFFF;
 margin: 0;
}

.bannerStyle h2 {
 width: auto;
 max-width: 700px;
 font-size: 18px;
 font-weight: 400;
 color: #FFFFFF;
 margin: 28px 0 50px 0;
}

.bannerStyle button {
 width: 150px;
 height: 40px;
 border: 1px solid #FFFFFF;
 border-radius: 4px;
 background: none;
 font-size: 18px;
 color: #fff;
}

.bannerStyle p {
 width: 100%;
 text-align: center;
 font-size: 40px;
 font-weight: bold;
 color: #FFFFFF;
}

.banner_infos {
 position: relative;
 margin-top: -55px;
 height: 158px;
 background: #FFFFFF;
 border: 2px solid #EAEEF5;
 box-sizing: border-box;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 42px;
}

.banner_infos .item {
 display: flex;
 box-sizing: border-box;
 padding: 0 20px;
}

.banner_infos .item img {
 position: relative;
 width: 86px;
 height: 86px;
 margin-top: -50px;
}

.banner_infos .item h3 {
 width: 100%;
 font-size: 20px;
 font-weight: 500;
 color: #202532;
 margin-bottom: 23px;
}

.banner_infos .item p {
 width: 100%;
 font-size: 16px;
 font-weight: 500;
 color: #A1ADC1;
 word-break: break-all;
 line-height: 25px;
}

.banner_infosBG {
 height: 750px;
 background-image: url("../images/indexpart3.png");
 background-size: 1065px 706px;
 background-repeat: no-repeat;
 background-position: center;
 margin: 76px auto 70px auto;
 position: relative;
}

.banner_infosBG .item {
 width: 288px;
 height: auto;
 min-height: 128px;
 background: rgba(226, 238, 254, 0.8);
 word-break: break-all;
 box-sizing: border-box;
 padding: 25px 21px;
 font-size: 16px;
 font-weight: 300;
 color: #424E5E;
 line-height: 24px;
 position: absolute;
}

.banner_infosBG .item:nth-child(1) {
 top: 110px;
 left: 20px;
}

.banner_infosBG .item:nth-child(2) {
 top: 110px;
 right: 0px;
}

.banner_infosBG .item:nth-child(3) {
 bottom: 0px;
 left: 20px;
}

.banner_infosBG .item:nth-child(4) {
 bottom: 0px;
 right: 0;
}

.indexpart4 {
 width: 100%;
 height: 836px;
 box-sizing: border-box;
 padding: 86px 0 150px;
 background-image: url(../images/indexpart4.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

.indexpart4 .partContent {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 68px;
}

.indexpart4 .partContent .itemBox {
 width: 334px;
 height: 446px;
 background: #FFFFFF;
 box-shadow: 0px 5px 40px 0px rgba(173, 184, 209, 0.1);
 border-radius: 6px;
}

.indexpart4 .partContent .itemBox .headContent {
 width: 100%;
 height: 112px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100%;
 box-sizing: border-box;
 padding: 25px 0 0 28px;
}

.indexpart4 .partContent .itemBox .headContent h5 {
 font-size: 24px;
 font-weight: 400;
 color: #FFFFFF;
 margin-bottom: 16px;
}

.indexpart4 .partContent .itemBox .headContent h6 {
 font-size: 16px;
 font-weight: 400;
 color: #E1E9FA;
 margin: 0;
}

.indexpart4 .partContent .itemBox .contentMain {
 width: 100%;
 box-sizing: border-box;
 padding: 42px 28px;
}

.indexpart4 .partContent .itemBox .contentMain p {
 margin: 0 0 31px 0;
 position: relative;
 width: 100%;
 padding-left: 20px;
}

.indexpart4 .partContent .itemBox .contentMain p i {
 display: block;
 width: 9px;
 height: 9px;
 border: 2px solid #246FDD;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 8px;
}

.indexPart5 {
 padding: 96px 0 116px;
}

.indexPart5 .swiper-container {
 width: 1480px;
 height: 626px;
 margin: 30px auto 0;
 padding-top: 40px;
}

.indexPart5 .swiper-button-prev {
 width: 60px;
 height: 60px;
 background: #F4F7FA;
 border-radius: 50%;
 color: #374355;
 left: 0;
}

.indexPart5 .swiper-button-prev::after {
 font-size: 32px;
 font-weight: bold;
}

.indexPart5 .swiper-button-next {
 width: 60px;
 height: 60px;
 background: #F4F7FA;
 border-radius: 50%;
 right: 0;
 color: #374355;
}

.indexPart5 .swiper-button-next::after {
 font-size: 32px;
 font-weight: bold;
}

.indexPart5 .partStyle {
 width: 1200px;
 height: 536px;
 background: #FFFFFF;
 box-shadow: 0px 0px 15px 0px rgba(62, 74, 102, 0.102);
 margin: 0 auto;
 box-sizing: border-box;
 padding: 78px 87px;
 display: flex;
}

.indexPart5 .partStyle .img {
 width: 538px;
 height: 380px;
 margin-right: 64px;
 flex-shrink: 0;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

.indexPart5 .partStyle .infos {
 padding-top: 28px;
}

.indexPart5 .partStyle .infos h3 {
 font-size: 32px;
 font-weight: bold;
 color: #202532;
 margin-bottom: 0;
}

.indexPart5 .partStyle .infos p {
 font-size: 18px;
 font-weight: 500;
 color: #969CAB;
 margin: 55px 0 45px;
 min-height: 80px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}

.indexPart5 .partStyle .infos a {
 display: flex;
 font-size: 18px;
 font-weight: 400;
 color: #246FDD;
 align-items: center;
}

.indexPart5 .partStyle .infos a img {
 display: block;
 margin-left: 17px;
}

.indexPart6 {
 width: 100%;
 height: auto;
 min-height: 760px;
 background-image: url("../images/indexpart6.png");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 box-sizing: border-box;
 padding: 95px 0 138px;
}

.indexPart6 .contentMain {
 height: auto;
 overflow: hidden;
 box-sizing: border-box;
 padding: 30px 0px;
}

.indexPart6 .contentMain a {
 display: block;
 text-decoration: none;
}

.indexPart6 .contentMain a .text {
 padding: 20px 36px;
 background: #E7EBF2;
 box-shadow: 0px 4px 18px 0px rgba(36, 111, 221, 0.15);
}

.indexPart6 .contentMain a .text b {
 height: 40px;
 line-height: 40px;
 font-size: 16px;
 color: #3D3D3D;
 display: block;
}

.indexPart6 .contentMain a .text p {
 height: 40px;
 line-height: 20px;
 font-size: 14px;
 color: #999999;
 display: block;
}

.indexPart6 .contentMain img {
 width: 100%;
 display: block;
}

.productStyle {
 position: relative;
}

.productStyle .navbar-nav {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.productStyle .fixed-top {
 top: 80px;
 background: #FFFFFF;
 box-shadow: 0px 20px 60px 0px rgba(153, 153, 153, 0.1);
}

.productStyle .fixed-top .nav-link {
 padding: 0;
 position: relative;
 height: 100px;
}

.productStyle .fixed-top .nav-link::after {
 position: absolute;
 content: "";
 width: 100%;
 height: 11px;
 background-image: url("../images/productActiveBG.png");
}

.caseBox {
 padding: 112px 0 128px;
}

.caseBox .swiperControl {
 position: relative;
 width: 260px;
 height: 60px;
 margin: 93px auto 0;
}

.caseBox .swiperControl .swiper-button-next,
.caseBox .swiperControl .swiper-button-prev {
 top: 0;
 margin: 0;
 width: 60px;
 height: 60px;
 background: #F4F7FA;
 border-radius: 50%;
}

.caseBox .swiperControl .swiper-button-next::after,
.caseBox .swiperControl .swiper-button-prev::after {
 font-size: 32px;
 color: #374355;
 font-weight: bold;
}

.caseBox .swiperControl .swiper-pagination {
 bottom: 0;
 height: 60px;
 line-height: 60px;
 font-size: 24px;
 font-weight: 500;
 color: #202532;
}

.caseBox .caseItemBox {
 height: 1500px;
 overflow: hidden;
 background: #fff;
}

.caseBox .caseItemBox::after {
 content: '';
 width: 326px;
 float: left;
}

.caseBox .caseItemBox .caseitem {
 float: left;
 width: 326px;
 height: 410px;
 background: #FFFFFF;
 border: 1px solid #EEEEEE;
 border-radius: 6px;
 box-sizing: border-box;
 overflow: hidden;
 margin-top: 65px;
 margin-right: 86px;
}

.caseBox .caseItemBox .caseitem:nth-child(3n+3) {
 margin-right: 0;
}

.caseBox .caseItemBox .caseitem .imgstyle {
 width: 100%;
 height: 182px;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
}

.caseBox .caseItemBox .caseitem .infos {
 padding: 31px 40px 0;
 height: 190px;
 box-sizing: border-box;
}

.caseBox .caseItemBox .caseitem .infos h4 {
 width: 100%;
 text-align: center;
 font-size: 24px;
 font-weight: 500;
 color: #202532;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin: 0 0 31px 0;
}

.caseBox .caseItemBox .caseitem .infos p {
 width: 100%;
 font-size: 14px;
 font-weight: 500;
 color: #747A83;
 white-space: normal;
 -webkit-line-clamp: 3;
 text-overflow: ellipsis;
 display: -webkit-box;
 overflow: hidden;
 -webkit-box-orient: vertical;
 height: 64px;
}

.caseBox .caseItemBox .caseitem a {
 display: block;
 width: 100%;
 height: 37px;
 line-height: 37px;
 text-align: center;
 border-top: 1px solid #EEEEEE;
 color: #246FDD;
}

.casedetail {
 padding: 80px 0 100px;
}

.casedetail h1 {
 font-size: 32px;
 font-weight: bold;
 line-height: 40px;
 margin: 0;
}

.casedetail h6 {
 color: #6c757d;
 margin: 20px 0;
}

.casedetail .detailMain {
 word-break: break-all;
}

.programContent {
 padding: 77px 0 203px;
}

.programContent .hoverMain {
 margin-top: 40px;
 display: flex;
 margin-bottom: 192px;
}

.programContent .hoverMain .item {
 width: 150px;
 height: 378px;
 background: linear-gradient(180deg, #FFFFFF, #F0F2FD);
 padding: 46px 30px 0;
 box-sizing: border-box;
 border-right: 1px solid #FAFAFA;
 position: relative;
 z-index: 2;
 cursor: pointer;
}

.programContent .hoverMain .item:last-child {
 border-right: 0;
}

.programContent .hoverMain .item.active {
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 width: 600px;
}

.programContent .hoverMain .item.active div {
 display: block;
}

.programContent .hoverMain .item.active h3 {
 color: #fff;
 margin: 0;
 position: relative;
 padding-bottom: 36px;
 margin-bottom: 35px;
}

.programContent .hoverMain .item.active h3::after {
 position: absolute;
 content: "";
 width: 20px;
 height: 5px;
 background: #FFFFFF;
 border-radius: 3px;
 left: 0;
 bottom: 0;
}

.programContent .hoverMain .item.active img {
 display: none;
}

.programContent .hoverMain .item.active p {
 display: block;
 font-size: 18px;
 font-weight: 800;
 color: #FFFFFF;
}

.programContent .hoverMain .item div {
 position: absolute;
 z-index: -1;
 width: 600px;
 height: 378px;
 top: 0;
 left: 0;
 display: none;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

.programContent .hoverMain .item h3 {
 width: 40px;
 height: auto;
 font-size: 20px;
 font-weight: 800;
 color: #202532;
 line-height: 28px;
 margin: 0 auto 0;
}

.programContent .hoverMain .item p {
 display: none;
}

.programContent .hoverMain .item img {
 width: auto;
 height: 40px;
 display: block;
 margin: 196px auto 0;
}

.programContent .programhoverLast {
 display: flex;
 margin-top: 100px;
}

.programContent .programhoverLast .item {
 width: 400px;
 height: 298px;
 box-sizing: border-box;
 border-right: 2px solid #F8F8F8;
 padding: 48px 31px;
}

.programContent .programhoverLast .item:last-child {
 border-right: 0;
}

.programContent .programhoverLast .item:hover {
 cursor: pointer;
 background: #F7F8FC;
}

.programContent .programhoverLast .item .title {
 display: flex;
 align-items: center;
}

.programContent .programhoverLast .item .title > span {
 font-size: 68px;
 font-weight: bold;
 color: #D6DCF8;
 display: block;
 margin-right: 20px;
 line-height: normal;
}

.programContent .programhoverLast .item .title div span {
 display: block;
}

.programContent .programhoverLast .item .title div span.up {
 font-size: 20px;
 font-weight: 800;
 color: #202532;
}

.programContent .programhoverLast .item .title div span.down {
 font-size: 20px;
 color: #246FDD;
}

.programContent .programhoverLast .item p {
 width: 252px;
 font-size: 18px;
 color: #9191A5;
 word-break: break-all;
 margin-top: 47px;
}

.aboutContent {
 padding: 97px 0 90px;
}

.aboutContent .aboutPart1 {
 display: flex;
 justify-content: space-between;
 margin-top: 83px;
 min-height: 429px;
}

.aboutContent .aboutPart1 div.left {
 width: 503px;
 flex-shrink: 0;
 word-break: break-all;
 padding-top: 53px;
}

.aboutContent .aboutPart1 div.right {
 position: relative;
 width: 602px;
}

.aboutContent .aboutPart1 div.right .img {
 position: absolute;
 width: 536px;
 height: 376px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 left: 0;
 top: 53px;
 z-index: 10;
}

.aboutContent .aboutPart1 div.right .block {
 position: absolute;
 width: 275px;
 height: 255px;
 background: #246FDD;
 right: 0;
 top: 0;
}

.aboutContent .aboutPart2 {
 width: 100%;
 height: auto;
 background: #F7FAFD;
 padding: 50px 0;
 margin: 107px 0 157px;
}

.aboutContent .aboutPart2 .widthContent {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.aboutContent .aboutPart2 .widthContent .item {
 width: 170px;
 flex-shrink: 0;
}

.aboutContent .aboutPart2 .widthContent .item img {
 width: 100px;
 height: 100px;
 display: block;
 margin: 0 auto;
}

.aboutContent .aboutPart2 .widthContent .item h4 {
 width: 100%;
 text-align: center;
 font-size: 24px;
 font-weight: 800;
 color: #202532;
 margin: 35px 0 23px;
}

.aboutContent .aboutPart2 .widthContent .item p {
 font-size: 18px;
 color: #818181;
 text-align: center;
}

.aboutContent .progressBox {
 width: 1450px;
 height: 588px;
 background-image: url("../images/aboutline.png");
 background-position: center;
 background-repeat: no-repeat;
 background-size: 1350px 588px;
 margin: 38px auto 159px;
 position: relative;
}

.aboutContent .progressBox .item {
 width: 200px;
 position: absolute;
}

.aboutContent .progressBox .item:nth-child(1) {
 left: 0;
 bottom: 20px;
}

.aboutContent .progressBox .item:nth-child(2) {
 left: 120px;
 top: 254px;
}

.aboutContent .progressBox .item:nth-child(3) {
 left: 360px;
 bottom: 100px;
}

.aboutContent .progressBox .item:nth-child(4) {
 left: 530px;
 top: 190px;
}

.aboutContent .progressBox .item:nth-child(5) {
 left: 820px;
 bottom: 190px;
}

.aboutContent .progressBox .item:nth-child(6) {
 left: 1050px;
 top: 130px;
}

.aboutContent .progressBox .item:nth-child(7) {
 left: 1230px;
 bottom: 200px;
}

.aboutContent .progressBox .item h3 {
 font-size: 20px;
 font-weight: bold;
 color: #202532;
 text-align: center;
}

.aboutContent .progressBox .item p {
 font-size: 14px;
 color: #777;
 text-align: center;
}

.aboutContent .aboutMap {
 margin: 82px auto 0;
}

.aboutContent .aboutMap .mapbox {
 height: 328px;
 margin-bottom: 91px;
}

.aboutContent .aboutMap .contactMain {
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 34px 0 31px;
 border-top: 1px solid #EBEBED;
 border-bottom: 1px solid #EBEBED;
}

.aboutContent .aboutMap .contactMain .item {
 display: flex;
 align-items: center;
 font-size: 20px;
 font-weight: 500;
 color: #858585;
}

.aboutContent .aboutMap .contactMain .item img {
 width: 25px;
 height: 25px;
 display: block;
 margin-right: 8px;
}